import React from 'react';
import Input from '../../components/input/input';
import styles from './register.module.scss'


export const Register = () => {
	return (
		<div className={styles['login']}>
        {error && <p style={{ color: 'red' }}>{error}</p>}
        <h2>Регистрация</h2>
        <form className={styles['form']} onSubmit={submit}>
            <div className={styles['input']}>
                <label htmlFor="email">Ваш email</label>
                <Input id="email" name='email' placeholder='Email' />
            </div>
            <div className={styles['input']}>
                <label htmlFor="password">Ваш пароль</label>
                <Input id="password" name='password' type="password" placeholder='Пароль' />
            </div>
            <div className={styles['input']}>
                <label htmlFor="name">Ваше имя</label>
                <Input id="name" name='name' placeholder='Имя' />
            </div>
            <Button appearance="big">Зарегистрироваться</Button>
        </form>
        <div className={styles['href']}>
            <div>Есть акканут? <Link to="/auth/login">Войти</Link></div>

        </div>
    </div>;
	);
};
